<template>
    <div class="max">
        <!-- 头部 -->
        <div class="top">
            <van-icon name="arrow-left" size="20" style="margin-left:8px" @click="$router.push('/minepage/mine')"/>
            <span style="margin-left:33%">常见问题</span>
        </div>
        <div style="width:100%">
            <div class="nei" v-for="item in biji" :key="item" @click="$router.push('/questiondetails')">
                <span>{{item}}</span>
                <van-icon name="arrow" size="20" style="margin-left:35%"/>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

    let biji=ref([
        '如何能够被选为精选日记？','如何能够被选为精选日记？','如何能够被选为精选日记？','如何能够被选为精选日记？','如何能够被选为精选日记？',
    ])
</script>

<style scoped>
    .nei{
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: white;
        margin-top: 5px;
        text-indent: 10px;
    }
    .max{
        width: 100%;
        height: 844px;
        background: #f2f2f2;
    }
    .top{
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: white   ;
    }
</style>